<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../bs/css/bootstrap.css">
    <script src="../bs/js/jquery-3.2.1.min.js"></script>
    <script src="../bs/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/inform.css">
    <link rel="stylesheet" href="../css/all.css">
  </head>
  <body>
    <div class="container back">
      <a class="back-a" href="../html/activity.html">Back>></a>
    </div>
    <div class="container">
        <h2 class="page-header announcements-title">| 相关通知</h2>
      <div class="row">
        <!-- 通知1 -->
        <div class="col-md-5 inform">
          <div class="panel-group" id="accordion">
            <!-- panel1 -->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#one" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">01</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="one" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel2-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#two" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">02</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="two" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel3-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#three" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">03</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="three" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel4-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#four" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">04</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="four" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel5-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#five" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">05</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="five" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel6-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#six" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">06</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="six" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel7-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#seven" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">07</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="seven" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            </div>
          </div>
        <!-- 通知1END -->
        <!-- 通知2 -->
        <div class="col-md-5 inform">
          <div class="panel-group" id="accordion">
            <!-- panel1 -->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#one2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">01</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="one2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel2-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#two2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">02</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="two2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel3-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#three2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">03</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="three2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel4-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#four2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">04</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="four2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel5-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#five2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">05</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="five2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel6-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#six2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">06</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="six2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            <!-- panel7-->
            <div class="panel ">
              <div class="panel-heading">
                <div class="panel-title">
                  <a href="#seven2" data-toggle="collapse" data-parent="#accordion">
                    <div class="row">
                      <div class="col-md-3">
                        <div class="time-box">
                          <p class="bignum">07</p>
                          <p>2017/01</p>
                        </div>
                      </div>
                      <div class="col-md-8">
                        <div class="anfont-box">
                          <h3>收取博雅证书</h3>
                          <p class="ancontect">ing都是固定时间会过的撒韩国的发的方式</p>
                        </div>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div id="seven2" class="panel-collapse collapse ">
                <div class="panel-body">
                  linux is very much!  linux is very much!  linux is very much!
                  linux is very much!  linux is very much!  linux is very much!
                </div>
              </div>
            </div>
            </div>
          </div>
        <!-- 通知2END -->
      </div>
      <!-- 页码 -->
      <div class="container">
        <ul class="pagination pull-right">
          <li class="active"><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">6</a></li>
          <li><a href="#">上一页</a></li>
          <li><a href="#">下一页</a></li>
        </ul>
      </div>
      <!-- 页码 END -->
    </div>
      <!-- foot -->
        <div class="foot">
            <img src="../img/LOGO3.png" alt="logo">
          <p>Copyright© 2001-2014 Lingnan Education Group All Rights Reserved</p>
        </div>
        <!-- foot END -->
  </body>
</html>
